/*閲嶇疆*/
html,body{
	margin:0;
	height: 100%;
    background-color: #f0f0f0;
	
}
body{ min-width: 290px;}
input{
	border-style:none;
	outline:none;
	
}
*{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: Arial,'寰蒋闆呴粦', sans-serif;
	font-weight:normal;
}
a{
	text-decoration:none;
	color:#333;
}
img{
	display:block;
}
li{list-style:none;}
ul{
	list-style:none;
}
/*................杈撳叆妗嗘彁绀烘牱寮�......................*/
/* 閫氱敤 */
::-webkit-input-placeholder { color:#ccc;}
::-moz-placeholder { color:#fccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#fccc;} /* ie */
input:-moz-placeholder { color:#fccc;}

/*................杈撳叆妗嗘彁绀烘牱寮�缁撴潫.......................*/

/*涓昏鏍峰紡*/
.crew_information_wrap{ background-color: #fff; margin: 0 auto; overflow: hidden; width: 94%; border:1px solid #dadada; margin-top: 10px; position: relative;}
.tj_tips{ position: absolute; top: 0px ; left: 0px; width: 50px;}
.information_ctn_L_R_box{ overflow: hidden; margin: 14px 0 12px 0; background-color: #fff; position: relative;}
/*宸﹂儴鍒嗙殑鐓х墖鍜屼汉鍛樹俊鎭枃瀛�/
/*.information_ctn_L{ background-color: #fff; width: 20%; margin-left: 3%; overflow: hidden; float: left; position: absolute; top: 50%; -webkit-transform: translateY(-50%);}
.information_ctn_photo{width: 100%; overflow: hidden;  border:1px solid #dadada; position: relative; float: left;}
.information_ctn_photo img{ width: 100%;}*/
.title_img{ position: absolute; top: 0px; right: 0px; width: 80px;z-index: 10; opacity: 0.8;}

.teacherName {display:block;position: absolute; bottom: 0px; left: 2%;width:80px;text-align:center;}
.information_ctn_L{ 
	background-color: #fff;  
	margin-left: 2%; 
	overflow: hidden; 
	min-width: 190px; 
	/* width: 100%; */
	}
.information_ctn_photo{top:10px;width: 80px; border:1px solid #CCCCCC;  /*border-radius: 50%; */ overflow: hidden;  border:1px solid #dadada; position: relative; float: left; background: url(../img/no_photo.png) no-repeat center 10px; background-size: 66px; background-color: #f0f0f0; height: 99px; }
.information_ctn_L p{color: #999;line-height: 20px; }
.information_ctn_photo img{ width: 100%;}
information_ctn_photo span{width:100%;position:absolute}

.information_ctn_text{ text-align: left; margin-left: 5px; float: left; line-height: 20px;  overflow: hidden;}
.information_ctn_text p{  font-size: 16px; color:#333 ;line-height: 30px;border-bottom: 1px solid #f0f0f0; display: block; margin-bottom: 10px;}
.information_ctn_text h1,.information_ctn_text h2{ color: #999; font-size:12px; padding-top:4px;}



/*鍙抽儴鐨勫叚涓彲閫夋椂闂�/

.information_ctn_R{ background-color: #fff; width: 44%;  margin-right: 2%; float: right; overflow: hidden; position: relative;}

.information_ctn_R ul{ margin-top:0px; background-color: #ccc overflow: hidden;float: left; min-height: 96px; width: 100%; }
.information_ctn_R li{ border: 1px solid #e5e5e5; float:left; text-align: center; color:#84c101; background-color: #fff; line-height: 24px; border-radius: 4px; width: 44%; font-size: 12px; margin-left: 4%; margin-bottom: 6px;}
.information_ctn_R li:active{background-color:#e5e5e5; color: #fff;}

/*搴曢儴*/
.information_ctn_Bottom{ background-color: #fff; overflow: hidden; padding: 8px 0; clear: both; border-top: 1px dashed #dadada;}
.information_ctn_Bottom p{ float: left; line-height: 28px; color: #666; padding-left: 10px; }
.information_ctn_Bottom img{ height: 16px; float: left;margin-top: 4px;}
.information_ctn_Bottom button{ float: right; margin-right: 10px; background-color: #fff; color: #b3b3b3;  padding: 0 !important; height: 28px; width: 90px; border-radius:4px ; text-align: left; text-indent: 10px; box-shadow:none;border:none; outline:none;background: url(../img/arrow_icon.png) 90% center no-repeat; background-size: 8px;}
.information_ctn_Bottom button:active{background-color: #fff;}

/*鏃ユ湡閫夋嫨寮瑰嚭*/


/*閬僵*/
.dateshadow{z-index:0;position: absolute;width: 100%;height: 100%;top:0;left:0;background: #000; filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; z-index: 10;}
/**/
.datePage{font-size: 22px; border-radius: 3px; position:fixed; bottom: -500px;MARGIN-RIGHT: auto;vertical-align:middle;
MARGIN-LEFT: auto;width: 100%;z-index:22;overflow: hidden; }
.close_btn_img{ width: 18px; position: absolute; top: 60px; right: 14px; opacity: 0.8;}
.top_img{ background: url(../img/time_icon1.png) center center no-repeat; background-size: 38px; border:2px solid #fff; height:60px; border-radius: 60%; width: 60px; position: absolute; top: 15px; left: 10px; z-index: 1111; background-color: #ccc;}
.data7_title_img{ position: absolute; top:0px; width: 50px; left: 0px; z-index: 99;}
.datetitle{width: 100%;height:50px;text-align:left; padding-left:80px;color: #fff;line-height: 70px;font-size: 13px;font-family:'microsoft yahei'; border-bottom:1px solid #dadada ;}
.datetitle h1{font-weight:normal;font-size: 14px;}
.datetitle h1 span{font-weight:normal;font-size: 16px;}
.datePage_ctn_box{ overflow: hidden; background-color: #fff; }

.data7_other{min-height: 100px;overflow: hidden;width:94%; border: 1px dashed #e5e5e5;  background-color: #fafafa; margin: 44px auto 0 auto; position: relative; }
.data7_other ul{background-color: #fafafa;   border-radius: 4px; box-sizing: border-box;padding-left: 10px; width: 100%;  overflow: hidden; margin: 10px auto 0 auto; position: relative; }
.data7_other ul li{ background-color: #fff; height: 30px; border-radius:4px; text-align: center; float:left;line-height: 30px; width:30% ; color: #84C101; border:1px solid #e5e5e5; margin:0px 3% 10px 0}
.data7_other ul li:active{background-color:#e5e5e5; color: #fff;}
.nothing_Tips_box{ text-align: center;}
.nothing_Tips_box img{ width: 40px; display: inline; margin-top: 6px; opacity: 0.7;}
.nothing_Tips_box p{ font-size: 12px;color: #ccc; line-height: 30px; }


.select_time{  width: 90% !important; margin: 20px auto 10px auto !important; height: 40px; line-height: 40px !important; padding: 0px !important; background:#84C101 !important; color: #fff !important; border:none !important; border-radius: 4px !important; font-size: 16px !important;}
#result{ display: none;}

/*鎺ㄩ�纭鎻愮ず*/

.tips_box {
	display: none;
	background-color: rgba(0, 0, 0, 0.4);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 30;
	overflow: hidden;
}

.tips_ctn {
	
	background-color: #fff;
	width: 80%;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-left: -40%;
	margin-top: -80px;
	padding: 0px 0 10px 0;
	border-top: 6px solid #84c101;
	
}

.tips_ctn p {
	line-height: 40px;
	color: #84c101;
	font-size: 16px;
	border-bottom: 1px dashed #f0f0f0;
	margin-bottom: 10px;
}
.tips_ctn li {

	color:#666;

}
.tips_ctn li span{
	color:#f77575;
}
.tips_ctn li a{
	color:#f77575;
}
.tips_ctn h1 {
	padding: 5px 0 10px 0;
	text-align: center;
	color: #666;
	border-bottom: 1px dashed #f0f0f0;
}

.tips_ctn h1 span {
	color: #01B0F1;
}

.tips_ctn textarea {
	border-radius: 2px;
	width: 90%;
	height: 60px;
	text-indent: 4px;
	text-align: left;
	background-color: #f0f0f0;
	border: 1px solid #dadada;
}

.tips_ctn_btn_box {
	margin: 0 auto;
	background-color: #ccc;
	margin-top: 20px;
	
}

.tips_ctn_btn_box a {
	display: block;
	height: 36px;
	border-radius: 4px;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	width: 44%;
}
.normal_btn {
	width:30%;	
	float:right;
}
.sure_btn {
	background-color: #84c101;
	float: left;
	margin-left: 4%;
}

.sure_btn:active {
	background-color: #7fb608;
}

.cancel_btn {
	background-color: #ccc;
	float: right;
	margin-right: 4%;
}

.cancel_btn:active {
	background-color: #b3b3b3;
}


/*鎺ㄩ�鎴愬姛鎻愮ず*/

.succeedTips {
	background-color: #fff;
	width: 40%;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	position: fixed;
	top: 40%;
	left: 50%;
	margin-left: -20%;
	margin-top: -20px;
	padding: 10px 0 10px 0;
	border-top: 4px solid #84c101;
	-webkit-box-shadow: 0px 2px 6px #ccc;
}

.succeedTips p {
	color: #84c101;
	font-size: 16px;
	text-align: center;
}

.payBtn{
	float:right;width:20%;padding-right:5px;padding-top:60px
}

.filter_box{ background-color:#fff;  margin-bottom:10px;overflow: hidden;padding-left:15px; width: 100%; z-index: 10; border-bottom: 1px solid #dadada;}
.filter_box p{
	font-size: 16px;
	color: #0066ff;
	
	text-align: center;
	padding: 20px;
}
.filter_box a{float:left; text-align: center;min-height: 44px;line-height: 44px;}

.filter_box span{
    text-decoration: underline;
    font-size: 16px;
    color: #0066ff;
    padding: 4px;
}



